<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>添加</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <script src="../../../../lib/include.js"></script>
    <link rel="stylesheet" href="../../../../../../public-tools/pc/plugins/bootstrap-fileinput/css/fileinput.min.css">
    <link rel="stylesheet" href="../../../../../../public-tools/pc/plugins/bootstrap-select-1.12.4/css/bootstrap-select.min.css">

    <style>
        .form-control {
            margin-bottom: 8px;
        }

        .form-control:focus,
        .single-line:focus {
            border-color: #0e9aef !important;
        }

        .radio-inline {
            line-height: 5px;
        }
        .dropdown-menu.inner {
            background-color: #1ab394;
            color: white;
        }
        .dropdown-menu.open {
            border-radius: 5px;
        }
        .layui-layer.layui-anim.layui-layer-page {
            width: 550px!important;
        }
    </style>
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content" id="app" v-cloak>

    <div class="ibox float-e-margins">
        <div class="ibox-content">
            <form id="Form" autocomplete="off">
                <div style="padding: 0">
                    <!--班级-->
                    <div class="col-sm-12 form-group">
                        <div class="col-sm-12">
                            <label class="form-inline">班级</label>
                            <div>
                                <select class="form-control" @change="selectClass" v-model="classId">
                                    <option v-for="item in classList" :value="item.id">{{item.name}}</option>
                                </select>
                            </div>
                        </div>

                    </div>
                    <div class="col-sm-12 form-group">
                        <div class="col-sm-4">
                            <label class="form-inline">开始日期</label>
                            <div>
                                <input class="form-control time" name="beginDate" :value="beginDate"
                                       onClick="WdatePicker({dateFmt:'yyyy-MM-dd'})"
                                       placeholder="请选择开始日期" style="cursor: pointer">
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <label class="form-inline">结束日期</label>
                            <div>
                                <input class="form-control time" name="endDate" :value="endDate"
                                       onClick="WdatePicker({dateFmt:'yyyy-MM-dd'})"
                                       placeholder="请选择结束日期" style="cursor: pointer">
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <label class="form-inline">是否跳过节假日</label>
                            <div>
                                <select class="form-control" name="isJumpOver">
                                    <option value="1" selected>是</option>
                                    <option value="0">否</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <!--上课时间-->
                    <div class="col-sm-12 ">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h3 class="panel-title" @click="getSpecList">课程时间配置</h3>
                            </div>
                            <div class="panel-body">
                                <div v-for="(item,index) in timeList" class="alert alert-warning alert-dismissible specs" role="alert" style="margin-right: 15px;display: inline-block;padding: 10px 35px 10px 10px;float: left">
                                    <button type="button" class="close">
                                        <span @click="delSpec(index)">&times;</span>
                                    </button>
                                    <div class="input-group">
                                        <div class="input-group-addon" style="float: left;height: 34px;line-height: 20px;width: auto;">{{item.weeks}}</div>
                                        <input class="form-control ticket-price" onClick="WdatePicker({dateFmt:'HH:mm'})" :value="item.beginTime" name="beginTime" style="float: left;width: 100px" type="text">
                                        <div class="input-group-addon" style="float: left;height: 34px;line-height: 20px;width: 30px;">-</div>
                                        <input class="form-control ticket-price" onClick="WdatePicker({dateFmt:'HH:mm'})" :value="item.endTime" name="endTime" style="float: left;width: 100px" type="text">
                                    </div>
                                </div>
                                <div @click="addSpec" class="alert alert-warning alert-dismissible" role="alert" style="margin-right: 15px;font-size:20px;display: inline-block;padding: 14px 22px;float: left;cursor: pointer">
                                    +
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div style="text-align: center">
                    <a href="javascript:parent.layer.closeAll();" class="btn btn-default" style="width: 10%;">关 闭</a>
                    <button type="submit" class="btn btn-primary" style="width: 10%;" v-if="permission(0)">保存</button>
                    <button type="submit" class="btn btn-primary" style="width: 10%;" v-else="permission(1)">保存</button>
                </div>
            </form>
        </div>
    </div>

    <!--选择星期-->
    <div class="ibox float-e-margins" id="select" style="display: none">
        <div class="form-group">
            <label class="col-sm-3 control-label">选择星期</label>
            <div class="col-sm-9">
                <label class="radio-inline i-checks" style="padding: 0 10px 10px 0" v-for="(item,index) in selects">
                    <input type="checkbox" name="weeks" :value="item"> {{item}}
                </label>
            </div>
        </div>
        <div class="form-group" style="text-align: center;padding-top: 10px;clear: both">
            <a href="javascript:layer.closeAll();" class="btn btn-default" >关 闭</a>
            <button type="submit" class="btn btn-primary" @click="addTimes">确 定</button>
        </div>
    </div>
    <!--是否改变-->
    <div class="ibox float-e-margins" id="haveChanged" style="display: none;">
        <div class="form-group">
            <label class="col-sm-3 control-label">是否改变</label>
            <div class="col-sm-9">
                <label class="radio-inline i-checks" style="padding: 0 10px 10px 0" >
                    <input type="radio" name="isChange" value="1" > 是
                </label>
                <label class="radio-inline i-checks" style="padding: 0 10px 10px 0" >
                    <input type="radio" name="isChange" value="0" checked > 否
                </label>
            </div>
            <label class="col-sm-3 control-label">消息通知方式</label>
            <div class="col-sm-9">
                <label class="radio-inline i-checks" style="padding: 0 10px 10px 0" >
                    <input type="radio" name="notifyType" value="0" checked> 不通知
                </label>
                <label class="radio-inline i-checks" style="padding: 0 10px 10px 0" >
                    <input type="radio" name="notifyType" value="1" > 立即通知
                </label>
                <label class="radio-inline i-checks" style="padding: 0 10px 10px 0" >
                    <input type="radio" name="notifyType" value="2" > 到时间通知
                </label>
            </div>
            <label class="col-sm-3 control-label" >消息(不通知为空)</label>
            <div class="col-sm-9" >
                <textarea name="msg" rows="4" maxlength="999" style="width: 80%;">

                </textarea>
            </div>
        </div>
        <div class="form-group" style="text-align: center;padding-top: 10px;clear: both">
            <a href="javascript:layer.closeAll();" class="btn btn-default" >关 闭</a>
            <button type="submit" class="btn btn-primary" @click="add">确 定</button>
        </div>
    </div>
</div>
<script src="../../../../../../public-tools/pc/plugins/wangEditor/wangEditor-video.js"></script>
<script src="../../../../../../public-tools/pc/plugins/bootstrap-fileinput/js/fileinput.js"></script>
<script src="../../../../../../public-tools/pc/plugins/bootstrap-select-1.12.4/js/bootstrap-select.min.js"></script>
<script src="../../../../../../public-tools/pc/plugins/My97DatePicker/WdatePicker.js"></script>
<script src="../../../../js/teach-manage/class/time/edit.js"></script>
</body>
</html>

